<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="witdh=device-width, initial-scale=1.0, initial-maximum=1.0, initial-minimum=1.0">
	<meta charset="utf-8">
	<title>俄罗斯方块_v1.0</title>
</head>
<body>
	<div class="container">
		<h2 style="color: #fff;">我方游戏区域</h2>
		<div class="game-box" id="local-game-box"></div>
		<div class="next-box" id="local-next-box"></div>
		<div class="info" id="local-info">
			<p style="color: #fff">已用时： <span id="local-time">0</span>s</p>
			<p style="color: #fff">已得分： <span id="local-score">0</span>分</p>
			<p style="color: #fff">状态：<span id="local-status" class="status-box"></span></p>
			<p style="color: #fff">
				操作说明： <br>
				上 ——> 旋转 <br>
				下 ——> 下移 <br>
				左 ——> 左转 <br>
				右 ——> 右移 <br>
				空格 ——> 坠落 <br>
			</p>
		</div>
	</div>

	<div class="container">
		<h2 style="color: #fff;">对方游戏区域</h2>
		<div class="game-box" id="remote-game-box"></div>
		<div class="next-box" id="remote-next-box"></div>
		<div class="info" id="remote-info">
			<p style="color: #fff">已用时： <span id="remote-time">0</span>s</p>
			<p style="color: #fff">已得分： <span id="remote-score">0</span>分</p>
			<p style="color: #fff">状态：<span id="remote-status" class="status-box"></span></p>
		</div>
	</div>

	<script type="text/javascript" src="./socket.io.js"></script>
	<script type="text/javascript" src="./bundle.js"></script>
</body>
</html>